<template>
	<view class="">
		<view class="box1"></view>
		<view class="box2"></view>
	</view>
</template>

<script setup></script>

<style>
.box1 {
	height: 100px;
	background-color: skyblue;
	margin-bottom: 20px;
	/* px 作为单位 不会有自适应的效果 写死的是多少就是多少 */
	width: 375px;
}
.box2 {
	height: 100px;
	background-color: hotpink;
	/* rpx屏幕的宽度分为750，分，375rpx，一半，屏幕的宽度改变rpx的值就会跟着改变
	 自适应的效果，类似与鸿蒙中的vp
	 */
	width: 375rpx;
}
</style>
